<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>活动推荐</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/recommend.css" type="text/css" rel="stylesheet" media="all">
</head>

<body>
<!--头部-->
<div class="head">
	<div class="icon">
    	<img src="image/LOGO.png" alt="">
        <form  class="search" role="搜索">
        	<input type="text" class="search_text" />
            <input type="button" value="搜 索" class="search_btn" />
        </form> 
        <ul class="login">
            <li><a href="#">注册</a></li>
            <li><a href="#">登录</a></li>
        </ul> 
    </div>
	<div class="header">
        <div class="header-nav">
            <ul class="left fl">
                <li>
                    <a href="index.html">首页</a>            
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">省内路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">省外路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">国外路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">周边游</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">主题推荐</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                	<a href="户外活动.html">户外活动</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山</a>
                            </li>
                            <li>
                                <a href="">骑行</a>
                            </li>
                            <li>
                                <a href="">徒步</a>
                            </li>
                            <li>
                                <a href="">自驾游</a>
                            </li>
                            <li>
                                <a href="">周末小聚</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li><a href="活动约伴.html">活动约伴</a></li>
                <li>
                    <a href="户外攻略.html">户外攻略</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山攻略</a>
                            </li>
                            <li>
                                <a href="">骑行攻略</a>
                            </li>
                            <li>
                                <a href="">徒步攻略</a>
                            </li>
                            <li>
                                <a href="">自驾游攻略</a>
                            </li>
                            <li>
                                <a href="">野营攻略</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                    <a href="户外装备.html" class="active">户外装备</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山鞋</a>
                            </li>
                            <li>
                                <a href="">山地自行车</a>
                            </li>
                            <li>
                                <a href="">帐篷</a>
                            </li>
                            <li>
                                <a href="">登山包</a>
                            </li>
                            <li>
                                <a href="">野营装备</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                    <a href="出行游记.html">出行游记</a>
                </li>
                <li>
                    <a href="照片墙.html">照片墙</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="clearfix"></div>
<div class="main ">
	<div class="container">
    	<ol class="banner_title">
            <li><a href="index.html">首页</a></li>
        	<li>户外装备</li>
        </ol>
	</div>
    <div class="recommend">
        <ul class="List clearfix">
			<li>
				<a href="#" target="_blank"><img src="image/登山鞋.jpg" alt=""></a>
				<div class="d">
					<a class="t" href="#" target="_blank">登山鞋</a>
					<div class="i">
						<span class="na">￥ 400元起</span>					
                    </div>
				</div>
			</li>
			<li>
				<a href="#" target="_blank"><img src="image/登山鞋.jpg" alt=""></a>
				<div class="d">
					<a class="t" href="#" target="_blank">登山鞋</a>
					<div class="i">
						<span class="na">￥ 400元起</span>					
                    </div>
				</div>
			</li>			<li>
				<a href="#" target="_blank"><img src="image/登山鞋.jpg" alt=""></a>
				<div class="d">
					<a class="t" href="#" target="_blank">登山鞋</a>
					<div class="i">
						<span class="na">￥ 400元起</span>					
                    </div>
				</div>
			</li>			<li>
				<a href="#" target="_blank"><img src="image/登山鞋.jpg" alt=""></a>
				<div class="d">
					<a class="t" href="#" target="_blank">登山鞋</a>
					<div class="i">
						<span class="na">￥ 400元起</span>					
                    </div>
				</div>
			</li>			<li>
				<a href="#" target="_blank"><img src="image/登山鞋.jpg" alt=""></a>
				<div class="d">
					<a class="t" href="#" target="_blank">登山鞋</a>
					<div class="i">
						<span class="na">￥ 400元起</span>					
                    </div>
				</div>
			</li>			<li>
				<a href="#" target="_blank"><img src="image/登山鞋.jpg" alt=""></a>
				<div class="d">
					<a class="t" href="#" target="_blank">登山鞋</a>
					<div class="i">
						<span class="na">￥ 400元起</span>					
                    </div>
				</div>
			</li>			<li>
				<a href="#" target="_blank"><img src="image/登山鞋.jpg" alt=""></a>
				<div class="d">
					<a class="t" href="#" target="_blank">登山鞋</a>
					<div class="i">
						<span class="na">￥ 400元起</span>					
                    </div>
				</div>
			</li>			<li>
				<a href="#" target="_blank"><img src="image/登山鞋.jpg" alt=""></a>
				<div class="d">
					<a class="t" href="#" target="_blank">登山鞋</a>
					<div class="i">
						<span class="na">￥ 400元起</span>					
                    </div>
				</div>
			</li>		
            </ul>
    </div>
    <div class="clearfix"></div>
</div>

<div class="hr"></div>
<!--脚部-->
<div class="clearfix"></div>
<div class="footer">
	<div class="about">
        <ul>
        	<li><a href="">驴舍简介</a></li>
        	<li><a href="">驴舍宗旨</a></li>
        	<li><a href="">建议征集</a></li>
        	<li><a href="">关于我们</a></li>

        </ul>
    </div>
</div>

</body>
</html>
